@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-size: 14px; line-height: 22px; font-family: 微软雅黑, 黑体, Verdana, Arial, sans-serif; -webkit-text-size-adjust: none; color: #222; }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, p { margin: 0; padding: 0; }
img { border: 0; vertical-align: bottom; }
ul, li { list-style-type: none; }
a { color: #222; text-decoration: none; transition: all 0.3s; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; }
.fb { font-weight: bold; }
.fnb { font-weight: 200; margin-left: -1px; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }
input { -webkit-appearance: none; /*去除input默认样式*/ }
input[type="submit"], input[type="reset"], input[type="button"], input { -webkit-appearance: none; }
.font_12 { font-size: 12px; }
.font_16 { font-size: 16px; }
.font_18 { font-size: 18px; }
.font_30 { font-size: 30px; }
.font_36 { font-size: 36px; }
.min_w { min-width: 1200px; }
.container { width: 1200px; margin: 0 auto; }
.blue { color: #0b76e6 }
.white { color: #fff; }
/*header*/
.top_bg { background: #c6c6c6; height: 40px; line-height: 40px; }
.top_home a { padding: 0 15px; }
.top_tit { height: 102px; }
.nav_bg { height: 50px; line-height: 50px; background: #0247a1; }
.nav_list li { width: 150px; float: left; }
.nav_list li a { color: #fff; display: block; }
.nav_list li a:hover { background: #318aff; }
/* banner */
.banner { width: 100%; height: 500px; overflow: hidden; position: relative; }
.b-img { height: 500px; position: absolute; left: 0; top: 0; }
.b-img a { display: block; height: 500px; float: left; }
.b-list { height: 50px; padding-top: 450px; position: relative; margin: 0 auto; z-index: 1; }
.b-list span { display: block; cursor: pointer; width: 20px; height: 20px; border-radius: 50%; background: #949291; ; float: left; margin: 0 5px; _margin: 0 5px; }
.b-list .spcss { background: #318aff; }
/*index*/
.pro_bg { height: 900px; background: url(../images/bg01.jpg) no-repeat center center; }
.index_tit { width: 700px; height: 140px; padding: 30px 0; margin: 0 auto; }
.index_tit dt { height: 70px; line-height: 70px; border-bottom: #bababa solid 2px; z-index: 0; color: #585858; text-transform: uppercase; }
.index_tit dd { padding-top: 20px; line-height: 30px; color: #575757; background: url(../images/a_12.jpg) no-repeat center top; margin-top: -3px; font-size: 12px; }
.pro_type a { display: inline-block; width: 155px; height: 36px; line-height: 36px; margin: 0 30px; border: #515151 solid 2px; color: #515151; margin-top: 10px;}
.pro_type a.on { background: url(../images/a_16.jpg) no-repeat center center; border: transparent solid 2px; color: #fff; transition: 1s; -webkit-transition: 1s; }
.pro_type a:hover { background: url(../images/a_16.jpg) no-repeat center center; border: transparent solid 2px; color: #fff; transition: 1s; -webkit-transition: 1s; }
.list_l>li { display: none; }
.pro_list { margin: 50px 0; }
.pro_list li { width: 250px; margin: 0 16.5px; float: left; border: #0b76e6 solid 2px; overflow: hidden; }
.pro_list li:hover { border: transparent solid 2px; }
.pro_list li a { display: block; }
.pro_list li a:hover { background: url(../images/a_17.jpg) repeat-y center top; }
.pro_list li .pro_list_name { height: 140px; overflow: hidden; background: url(../images/a_21.png) no-repeat center 141px; transition: all .5s linear; }
.pro_list li:hover .pro_list_name { background: url(../images/a_21.png) no-repeat center 90px; }
.pro_list li .pro_list_name_text { display: block; background: url(../images/a_28.jpg) no-repeat center top; margin-top: 30px; padding: 10px 0; line-height: 30px; transition: all .5s linear; }
.pro_list li:hover .pro_list_name_text { background: url(../images/a_24.jpg) no-repeat center top; margin-top: 15px; color: #fff; text-transform: uppercase; }
.rollBox { width: 1200px; margin: 0 auto; position: relative; }
.LeftBotton { width: 92px; height: 56px; cursor: pointer; position: absolute; left: -118px; top: 200px; }
.RightBotton { width: 92px; height: 56px; cursor: pointer; position: absolute; right: -118px; top: 200px; }
.Cont { width: 1148px; overflow: hidden; margin: 0 auto; }
.ScrCont { width: 10000000px; }
.pic { width: 250px; float: left; text-align: center; }
#List1, #List2 { float: left; }
.pro_more a { color: #fff; margin: 50px auto 0 auto; background: url(../images/a_16.jpg) no-repeat; text-align: center; width: 155px; height: 36px; line-height: 36px; display: block; }

@media screen and (max-width: 1360px) {
.LeftBotton { width: 92px; height: 56px; cursor: pointer; position: absolute; left: 0px; top: 200px; }
.RightBotton { width: 92px; height: 56px; cursor: pointer; position: absolute; right: 0px; top: 200px; }
}
.about { background: url(../images/a_30.jpg) no-repeat center top; height: 819px; }
.about_tit dt { border-bottom: #e5e5e5 solid 2px; color: #fff; }
.about_tit dd { color: #fff; }
.about_l { position: relative; width: 490px; height: 304px; margin-top: 17px; }
.about_po { position: absolute; top: 0px; left: 0px; width: 225px; height: 140px; top: 182px; left: 256px; }
.about_r { width: 592px; }
.about_title { line-height: 40px; margin-top: 17px; font-size: 24px; color: #fff; font-weight: bold; }
.about_con { font-size: 14px; color: #fff; text-indent: 2em; line-height: 24px; margin-top: 3px; }
.about_more a { display: block; background: #fff; width: 122px; height: 32px; line-height: 32px; text-align: center; margin-right: 13px; font-size: 16px; font-weight: bold; color: #318aff; }
.about_pic li { margin-top: 24px; margin-left: 34px; width: 274px; height: 180px; position: relative; float: left; }
.about_pic li div { position: absolute; bottom: 0px; left: 0px; width: 274px; height: 27px; line-height: 27px; background: url(../images/p2.png) no-repeat center; color: #fff; text-align: center; }
.about_pic li:first-child { margin-left: 0px; }
.case { background: url(../images/a_34.jpg) no-repeat center top; height: 958px; }
.case_list li { margin-left: 42px; margin-top: 26px; width: 370px; float: left; }
.case_list ul { margin-top: -10px; margin-left: -42px; }
.case_list li div { font-size: 18px; color: #212121; height: 53px; line-height: 53px; text-align: center; font-weight: bold; }
.case_list li:hover div { color: #fff; background: #0b76e5; -webkit-transition: 0.5s; transition: 0.5s; }
.case_more a { margin-top: 30px; }
.new { height: 677px; background: url(../images/a_37.jpg) no-repeat center top; }
.new_list li { float: left; margin-top: 25px; width: 600px; }
.new_list ul { margin-top: -5px; }
.new_l { width: 150px; height: 150px; border-radius: 6px; overflow: hidden; }
.new_r { width: 427px; padding: 0 15px 0 8px; }
.new_r_top { line-height: 29px; border-bottom: 1px solid #cecece; }
.new_list li .new_title { color: #191919; font-size: 18px; font-weight: bold; }
.new_list li:hover .new_title { color: #0b76e6; }
.new_r_time { font-size: 14px; color: #191919; }
.new_r_con { font-size: 14px; color: #191919; line-height: 26px; margin-top: 7px; }
.new_list li .new_r_more { color: #191919; border: 1px solid #191919; display: block; font-size: 14px; margin-top: 8px; width: 82px; height: 19px; line-height: 19px; text-align: center; }
.new_list li:hover .new_r_more { color: #0b76e6; border: 1px solid #0b76e6; }
.new_more a { margin-top: 60px; }
.foot { background: url(../images/a_38.jpg) no-repeat; height: 181px; }
.foot_l { width: 838px; }
.foot_l_tel { padding-top: 40px; padding-left: 52px; font-size: 20px; color: #d0d0d0; background: url(../images/p3.png) no-repeat left 37px; height: 40px; }
.foot_l_tel span { font-size: 34px; font-weight: bold; color: #fff; margin-left: 20px; display: inline-block; }
.foot_nav { color: #fff; line-height: 39px; }
.foot_nav a { font-size: 14px; color: #fff; padding: 0px 22px 0px 22px; display: inline-block; }
.foot_add { font-size: 14px; color: #fff; line-height: 37px; }
.foot_nav a:first-child { padding: 0 22px 0 0px; }
.foot_r { width: 360px; }
.foot_r_er { width: 107px; height: 107px; padding-top: 41px; }
.foot_r_con { width: 240px; font-size: 14px; color: #fff; line-height: 26px; padding-top: 43px; }
/*产品展示*/
.product { background: url(../images/a_40.jpg) no-repeat center top; }
.product_home { font-size: 14px; color: #1c1c1c; background: url(../images/p4.png) no-repeat left 25px; padding-left: 30px; height: 22px; line-height: 22px; padding-top: 25px; }
.product_home a { color: #1c1c1c; }
.product_home span { color: #0b76e6; text-decoration: underline; }
.product_top { padding-top: 20px; }
.product_list { margin-top: 32px; }
.product_list li { margin-top: 25px; margin-left: 40px; width: 373px; float: left; box-shadow: 0px 0px 14px #333; }
.product_list li div { font-size: 18px; font-weight: bold; text-align: center; width: 373px; line-height: 51px; height: 51px; color: #1c1c1c; background: none; }
.product_list li:hover div { color: #fff; background: url(../images/a_44.jpg) no-repeat; -webkit-transition: 0.8s; transition: 0.8s; }
.product_list ul { margin-left: -41px; }
.page { padding: 69px 0 57px 0; }
.page a { display: inline-block; height: 38px; line-height: 38px; padding: 0 15px; border: 1px solid #c8c8c8; border-radius: 7px; margin: 0 5px; }
.page a:hover { background: url(../images/a_45.jpg) ; color: #fff; border-radius: 1px so  #0b488e; }
.select { background: url(../images/a_45.jpg) ; color: #fff; border-radius: 1px so  #0b488e; }
/*新闻中心*/
.pnew { margin-top: 37px; }
.pnew li { border-bottom: 1px dashed #b2b2b2; padding: 19px 0; }
.pnew_l { width: 193px; }
.pnew_r { width: 993px; margin-left: 5px; }
.pnew_border { border-bottom: 1px solid #cecece; line-height: 30px; margin-top: 8px; }
.pnew_r_title { font-size: 20px; font-weight: bold; color: #0b76e6; }
.pnew_r_time { color: #191919; font-size: 14px; }
.pnew_con { font-size: 14px; color: #191919; line-height: 26px; margin-top: 8px; padding-left: 5px; }
.pnew_more { border: 1px solid #0b76e6; width: 82px; line-height: 19px; height: 19px; text-align: center; margin: 14px 0 0 6px; color: #0b76e6; }







/*footer*/




/*main*/